
var datos = $.ajax({
    		url:'datosgrafica',
    		type:'post',
    		dataType:'json',
    		async:false    		
    	}).responseText;    	
    	datos = JSON.parse(datos);
    	google.load("visualization", "1", {packages:["corechart"]});
      	google.setOnLoadCallback(dibujarGrafico);
      
      
      	function dibujarGrafico() {
        	var data = google.visualization.arrayToDataTable(datos);

        	var options = {
          	title: '',
          	hAxis: {title: 'NOMBRE DE SENSOR', titleTextStyle: {color: 'green'}},
          	vAxis: {title: 'CANTIDAD DE PAQUETES', titleTextStyle: {color: '#FF0000'}},
          	backgroundColor:'#ffffee',
          	legend:{position: 'bottom', textStyle: {color: 'blue', fontSize: 13}},
          	is3D: true,
          	width:600,
                height:400
        	};

        $('#lista').click(function()        
                         {
                             var valor = $('#lista').val();
                             if (valor === 'barras')
                             {
                                 var grafico = new google.visualization.ColumnChart(document.getElementById('grafica'));
                                 grafico.draw(data, options);
                             }
                             else if(valor === 'pastel')
                             {
                                 var grafico = new google.visualization.PieChart(document.getElementById('grafica'));
                                 grafico.draw(data, options);
                             }
                         }
                        );   
                	
        //var grafico = new google.visualization.PieChart(document.getElementById('grafica'));
      	};                 
